<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./public.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
</head>
<body>
<div class="zz">
  <div class="header">
    <div class="contianer">
                <div class="nav clearfix">
                       <div class="left">
                           <a href="">小米官网</a>
                           <span>|</span>
                           <a href="">小米商城</a>
                           <span>|</span>
                           <a href="">小米澎湃os</a>
                           <span>|</span>
                           <a href="">小米汽车</a>
                           <span>|</span>
                           <a href="">云服务</a>
                           <span>|</span>
                           <a href="">loT</a>
                           <span>|</span>
                           <a href="">有品</a>
                           <span>|</span>
                           <a href="">小爱开发平台</a>
                           <span>|</span>
                           <a href="">资质证照</a>
                           <span>|</span>
                           <a href="">协议规则</a>
                           <span>|</span>
                           <a href="">下载APP</a>
                           <span>|</span>
                           <a href="">select Loaction</a>
                       </div>
                </div>  
                       <div class="right">
                          <a href="">登入</a>
                          <span>|</span>
                          <a href="">注册</a>
                          <span>|</span>
                          <a href="" class="message">消息通知</a>
                          <a class="car">
                            <i class="iconfont icon-gouwuche"></i>
                              购物车
                              <div class="car1">
                                123
                              </div>
                          </a>
                       </div>
    </div>
</div>




<!-- 2 -->
  <div class="d2">
      <a href=""><img src="./imges/xm.jpg" alt="" class="xm"></a>
      <ul class="uu">

        <li class="first">
          <a href="">
            Xiaomi手机
          </a>
          <div class="one">
              <ul>
                <li>
                  <img src="./imges/OIP-C (1).jpg" alt="">
                </li>
                <li>
                  <img src="./imges/OIP-C (2).jpg" alt="">
                </li>
                <li>
                  <img src="./imges/OIP-C.jpg" alt="">
                </li>
                <li>
                  <img src="./imges/OIP-C (3).jpg" alt="">
                </li>
                <li>
                  <img src="./imges/下载.jpg" alt="">
                </li>
                <li class="last">
                  <img src="./imges/下载 (1).jpg" alt="">
                </li>
              </ul>
          </div>
        </li>

        <li class="f2">
          <a href="">Redmi手机</a>
          <div class="two">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>

        <li class="f3">
          <a href="">电视</a>
          <div class="Three">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>


        <li class="f4">
          <a href="">笔记本</a>
          <div class="Four">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>


        <li class="f5">
          <a href="">平板</a>
          <div class="Five">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>


        <li class="f6">
          <a href="">家电</a>
          <div class="six">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>


        <li class="f7">
          <a href="">路由器</a>
          <div class="seven">
            <ul>
              <li>
                <img src="./imges/OIP-C (1).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (2).jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C.jpg" alt="">
              </li>
              <li>
                <img src="./imges/OIP-C (3).jpg" alt="">
              </li>
              <li>
                <img src="./imges/下载.jpg" alt="">
              </li>
              <li class="last">
                <img src="./imges/下载 (1).jpg" alt="">
              </li>
            </ul>
          </div>
        </li>


        <li><a href="">服务中心</a></li>
        <li><a href="">社区</a></li>
      </ul>
      <div class="right">
        <input type="text" name="sr" value="王者农药" id="inp">
          <a href="" class="sr">
            <i class="iconfont icon-sousuo">

            </i>
         </a>
      </div>



      <!-- 导航 -->
      <div class="dh">
         <ul>
          <li class="dh1">
            <a href=""><i class="iconfont icon-shouji"></i></a>
          </li>

          <li class="dh2">
            <a href=""><i class="iconfont icon-me"></i></a>
          </li>

          <li class="dh3">
            <a href=""><i class="iconfont icon-banshou"></i></a>
          </li>

          <li class="dh3">
            <a href=""><i class="iconfont icon-kefufenxiermaikefu"></i></a>
          </li>

          <li class="last1">
            <a href=""><i class="iconfont icon-gouwuche"></i></a>
          </li>

         </ul>
      </div>
  </div>



<!-- 3 -->
  <div class="d3">
      <div class="nav clearfix">
                
           <p class="e1"> 
            <a href="">手机</a>
            <span class="fh">&gt;</span>
              <span class="one">
                <br>
                <a href="//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97" data-log_code="31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2" data-spm="cms_10530.3476792.2" data-scm="server.0.0.0.cms.search.0.0" class="link clearfix" data-params="{&quot;keyword&quot;:&quot;//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97&quot;,&quot;uri&quot;:&quot;www.mi.com%252Fshop%252Fsearch%253Fkeyword=%252F%252Fwww.mi.com%252Fshop%252Fsearch%253Fkeyword=xiaomimix%2525E7%2525B3%2525BB%2525E5%252588%252597&quot;}" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2','//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97','&quot;&quot;']);"><img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9e4a367f854221b60bb7b3b05e0173.png?thumb=1&amp;w=75&amp;h=75&amp;f=webp&amp;q=90" width="40" height="40" alt="" class="thumb"><span>             Xiaomi MIX系列</span></a>
                <br>
                <a href="//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97" data-log_code="31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2" data-spm="cms_10530.3476792.2" data-scm="server.0.0.0.cms.search.0.0" class="link clearfix" data-params="{&quot;keyword&quot;:&quot;//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97&quot;,&quot;uri&quot;:&quot;www.mi.com%252Fshop%252Fsearch%253Fkeyword=%252F%252Fwww.mi.com%252Fshop%252Fsearch%253Fkeyword=xiaomimix%2525E7%2525B3%2525BB%2525E5%252588%252597&quot;}" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2','//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97','&quot;&quot;']);"><img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9e4a367f854221b60bb7b3b05e0173.png?thumb=1&amp;w=75&amp;h=75&amp;f=webp&amp;q=90" width="40" height="40" alt="" class="thumb"><span>             Xiaomi MIX系列</span></a>
                <br>
                <a href="//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97" data-log_code="31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2" data-spm="cms_10530.3476792.2" data-scm="server.0.0.0.cms.search.0.0" class="link clearfix" data-params="{&quot;keyword&quot;:&quot;//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97&quot;,&quot;uri&quot;:&quot;www.mi.com%252Fshop%252Fsearch%253Fkeyword=%252F%252Fwww.mi.com%252Fshop%252Fsearch%253Fkeyword=xiaomimix%2525E7%2525B3%2525BB%2525E5%252588%252597&quot;}" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2','//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97','&quot;&quot;']);"><img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9e4a367f854221b60bb7b3b05e0173.png?thumb=1&amp;w=75&amp;h=75&amp;f=webp&amp;q=90" width="40" height="40" alt="" class="thumb"><span>             Xiaomi MIX系列</span></a>
                <br>
                <a href="//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97" data-log_code="31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2" data-spm="cms_10530.3476792.2" data-scm="server.0.0.0.cms.search.0.0" class="link clearfix" data-params="{&quot;keyword&quot;:&quot;//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97&quot;,&quot;uri&quot;:&quot;www.mi.com%252Fshop%252Fsearch%253Fkeyword=%252F%252Fwww.mi.com%252Fshop%252Fsearch%253Fkeyword=xiaomimix%2525E7%2525B3%2525BB%2525E5%252588%252597&quot;}" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2','//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97','&quot;&quot;']);"><img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9e4a367f854221b60bb7b3b05e0173.png?thumb=1&amp;w=75&amp;h=75&amp;f=webp&amp;q=90" width="40" height="40" alt="" class="thumb"><span>             Xiaomi MIX系列</span></a>
                <br>
                <a href="//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97" data-log_code="31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2" data-spm="cms_10530.3476792.2" data-scm="server.0.0.0.cms.search.0.0" class="link clearfix" data-params="{&quot;keyword&quot;:&quot;//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97&quot;,&quot;uri&quot;:&quot;www.mi.com%252Fshop%252Fsearch%253Fkeyword=%252F%252Fwww.mi.com%252Fshop%252Fsearch%253Fkeyword=xiaomimix%2525E7%2525B3%2525BB%2525E5%252588%252597&quot;}" data-settrack="true" onclick="_msq.push(['trackEvent','31pchomeother001000#t=normal&amp;act=other&amp;page=home&amp;page_id=10530&amp;bid=3476792.2','//www.mi.com/shop/search?keyword=xiaomimix%E7%B3%BB%E5%88%97','&quot;&quot;']);"><img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb9e4a367f854221b60bb7b3b05e0173.png?thumb=1&amp;w=75&amp;h=75&amp;f=webp&amp;q=90" width="40" height="40" alt="" class="thumb"><span>             Xiaomi MIX系列</span></a>
              </span>
           </p>
            
           <p class="e2">
            <a href="">电视</a>
            <span class="fh">&gt;</span>
            <span class="two">

            </span>
          </p>

           <p class="e3">
            <a href="">家电</a>
            <span class="fh">&gt;</span>
            <span class="three">

            </span>
          </p>

           <p class="e4">
            <a href="">笔记本 平板 显示器</a>
            <span class="fh">&gt;</span>
            <span class="four">

            </span>
          </p>

           <p>
            <a href="">出行 穿带</a>
            <span class="fh">&gt;</span>
          </p>

           <p>
            <a href="">耳机 音箱</a>
            <span class="fh">&gt;</span>
          </p>

           <p>
            <a href="">健康 儿童</a>
            <span class="fh">&gt;</span>
          </p>

           <p>
            <a href="">生活 箱包</a>
            <span class="fh">&gt;</span>
          </p>

           <p>
            <a href="">智能 路由器</a>
            <span class="fh">&gt;</span>
          </p>

           <p>
            <a href="">电源 配件</a>
            <span class="fh">&gt;</span>
          </p>
          <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/16a1f9eeb8633f1f74e21f0453a90aaf.jpg?thumb=1&w=1839&h=690&f=webp&q=90" alt="" class="dm1">
      </div>
  </div>

<!-- 4 -->
  <div class="d4">
        <div class="dd1">
           <ul>
                <li><a href=""><i class="iconfont icon-naozhong"><p>保障服务</p></a></i></li>                
                <li><a href=""><i class="iconfont icon-qiye"><p>企业团购</p></a></i></li>                
                <li><a href=""><i class="iconfont icon-Fma"><p>F码通道</p></a></i></li>
                <li><a href=""><i class="iconfont icon-dianhuaka-copy"><p>米粉卡</p></a></i></li>                
                <li><a href=""><i class="iconfont icon-xianzhihuanqian"><p>以旧换新</p></a></i></li>                
                <li><a href=""><i class="iconfont icon-huafeichongzhi"><p>话费充值</p></a></i></li>                
           </ul>
        </div>

        <div class="dd2">
          <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b67117bc92924fb2ff0e7ad2be86084.png?w=632&amp;h=340" alt=""></a>
        </div>

        <div class="dd3">
          <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8dede2520f8dfff9c9b690af498cafe8.jpg?w=632&amp;h=340" alt=""></a>
        </div>

        <div class="dd4">
          <a href=""><img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ac77590368ff636d0b4f6a988133f55.png?w=632&amp;h=340" alt=""></a>
        </div>
  </div>

 <!-- 5 -->
  <div class="d5">
        <a href=""><img alt="test" width="1226" height="120" data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8370d86c4fa1e4c1981c20e53c71b443.png?thumb=1&amp;w=2299&amp;h=225&amp;f=webp&amp;q=90" src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8370d86c4fa1e4c1981c20e53c71b443.png?thumb=1&amp;w=2299&amp;h=225&amp;f=webp&amp;q=90" lazy="loaded"></a>
  </div>
</div>
</body>
</html>